    <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer">
    <!-- css样式引用 -->
    <link rel="stylesheet" type="text/css" href="../static/css/header.css" th:href="@{/css/header.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/layout.css" th:href="@{/css/layout.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/people.css" th:href="@{/css/people.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/app.css" th:href="@{/css/app.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/modals.css" th:href="@{/css/modals.css}">
    <!--<link rel="stylesheet" type="text/css" href="../static/css/right.css" th:href="@{/css/right.css}" >-->

    <!--bootstrap引用-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!--js样式引用-->
    <script src="../static/js/header.js" th:src="@{/js/header.js}"></script>
    <script src="../static/js/uploadimg.js" th:src="@{/js/uploadimg.js}"></script>
    <script src="../static/js/myself.js" th:src="@{js/myself.js}"></script>
    <!-- css测试样式 -->
    <!-- <link rel="stylesheet" type="text/css" href="../static/css/layout.css"> -->
    <style>
        .collection_list {
            height: auto;
            width: 692px;
            display: inline-block;
            position: relative;
            padding: 16px 20px;
            -webkit-tap-highlight-color: rgba(26, 26, 26, 0);margin-left:;
            margin-bottom: 30px;
        }

        .collection_list_image {
            width: 60px;
            height: 60px;
            float: left;
            background-color: #adcf66;
        }

        .collection_list_content {
            float: left;
            margin-left: 10px;
            width: 550px;
        }

        .collection_list_button {
            float: left;

            width: 100%;
            padding-top: 19px;
            color: #646464;
            -webkit-tap-highlight-color: rgba(26, 26, 26, 0);
        }
        .function{
            float: left;
            margin-left: 30px;
            color: #8590a6;
        }
        .collection{
            float: left;
            cursor: pointer;
        }

    </style>
</head>


<body>
<div th:replace="common/header :: header"></div>
<div>
    <div th:replace="common/ProfileHeader :: ProfileHeader"></div>
    <div class="Profile-main">
        <div class="Profile-mainColumn">
            <div class="Card ProfileMain" id="ProfileMain">
                <div class="ProfileMain-header">
                    <ul role="tablist" class="Tabs ProfileMain-tabs">
                        <li role="tab" class="Tabs-item Tabs-item--noMeta" aria-controls="Profile-activities"><a
                                class="Tabs-link" href="/people/xiong-shu-53-89/activities">动态</a></li>
                        <!--<li role="tab" class="Tabs-item" aria-controls="Profile-answers"><a class="Tabs-link"-->
                                                                                            <!--href="/people/xiong-shu-53-89/answers">回答<span-->
                                <!--class="Tabs-meta">0</span></a></li>-->
                        <li role="tab" class="Tabs-item" aria-controls="Profile-asks"><a class="Tabs-link"
                                                                                         id="question" href="#">提问<span
                                class="Tabs-meta">0</span></a></li>
                        <!--<li role="tab" class="Tabs-item" aria-controls="Profile-posts"><a class="Tabs-link"-->
                                                                                          <!--href="/people/xiong-shu-53-89/posts">文章<span-->
                                <!--class="Tabs-meta">0</span></a></li>-->
                        <!--<li role="tab" class="Tabs-item" aria-controls="Profile-pins"><a meta="0" class="Tabs-link"-->
                                                                                         <!--href="/people/xiong-shu-53-89/pins">想法<span-->
                                <!--class="Tabs-meta">0</span></a></li>-->
                        <li role="tab" class="Tabs-item" aria-controls="Profile-pins"><a meta="0" class="Tabs-link"
                                                                                         href="/myselfCollect" id="collection-btn">收藏<span
                                class="Tabs-meta">0</span></a></li>
                        <li role="tab" class="Tabs-item" aria-controls="Profile-pins"><a meta="0" class="Tabs-link"
                                                                                         href="/myselfFollow" id="follow-btn">关注<span
                                class="Tabs-meta">0</span></a></li>
                    </ul>
                </div>
                <div>
                    <div>
                        <div class="Sticky"></div>
                    </div>
                </div>
                <div class="ListShortcut">
                    <div class="List" id="Profile-collections">
                        <div class="List-header"><h4 class="List-headerText"><span>我的收藏</span></h4>
                            <div class="List-headerOptions"></div>
                        </div>
                        <!--改用了vue版本-->
                        <!--<div th:each="collection,collectionStat:${collectionList}">-->
                            <!--<div class="List-item" tabindex="0">-->
                                <!--<div class="ContentItem" data-za-detail-view-path-module="CollectionItem"-->
                                     <!--data-za-extra-module="{&quot;card&quot;:{&quot;content&quot;:{&quot;type&quot;:&quot;Collection&quot;,&quot;token&quot;:&quot;387314049&quot;,&quot;item_num&quot;:0,&quot;follower_num&quot;:0,&quot;publish_timestamp&quot;:null}}}">-->
                                    <!--<h2 class="ContentItem-title">-->
                                        <!--<div class="FavlistItem-title"><a href="/collection/387314049" target="_blank"-->
                                                                          <!--th:text="${collection.answername}">123</a>-->
                                        <!--</div>-->
                                    <!--</h2>-->
                                    <!--<div class="ContentItem-meta">-->
                                        <!--<div class="ContentItem-status"><span class="ContentItem-statusItem"-->
                                                                              <!--th:text="${collection.collectiontime}">2019-07-11</span>更新<span-->
                                                <!--class="ContentItem-statusItem">0 条内容</span><span-->
                                                <!--class="ContentItem-statusItem">0 人关注</span></div>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->

                        <!--vue版本-->
                        <div th:replace="common/collection :: collection">
                    </div>
                </div>
            </div>
        </div>
        </div>

        <div th:replace="common/Profile-sideColumn::Profile-sideColumn"></div>
    </div>
</div>
</body>

</html>